<template>
  <div class="view">
   <img src="https://klcx-bucket.oss-cn-beijing.aliyuncs.com/klcx-xcx/ico/suc.png" class="img3"/>
    <div style="text-align: center">
      <h1>购买成功</h1>
    </div>
    <div class="btn-foot">
      <!--<button class="btn-item btn1" @click="back()">查看我的卡券</button>-->
      <button class="btn-item btn2" @click="back()">立即用车</button>
    </div>

  </div>
</template>

<script>

  export default {

    data () {
      return {

      }
    },
    watch(){

    },
    onUnload() {
       setTimeout(() => {
         wx.reLaunch({
           url: '../index/main'
         })
       },200)
    },
    methods: {
      back() {
        setTimeout(() => {
          wx.reLaunch({
            url: '../index/main'
          })
        },200)
      },
    }
  }
</script>

<style scoped>
.view{
  padding: 50px;
  text-align: center;
}
  .img3{
    width: 180rpx;
    height: 180rpx;
    margin-top: 253rpx;
    margin-bottom: 36rpx;
  }
  h1{
    font-size: 36px;
  }
  .btn-foot{
    padding-top: 100px;
    display: flex;
    justify-content: space-around;
  }
  .btn-item{
    display: inline-block;
    width: 300px;
    height: 90px;
    line-height: 90px;
    font-size:30px;
    font-weight:400;
    color:rgba(35,25,22,1);
    border-radius:45px;
  }
  .btn1{
    border:1px solid rgba(221,221,221,1);
    background: #fff;
  }
  .btn2{
    background:rgba(254,209,48,1);
  }
</style>
